import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import '../../interface/root_proxy_model.dart';
import 'doufeng_tacit_model.dart';

class TacitEndWidget extends StatefulWidget {
  // VoidCallback onEnd;
  // VoidCallback onCancel;
  //
  // InvitingRefuseWidget();

  @override
  State<TacitEndWidget> createState() => _TacitEndWidgetState();
}

class _TacitEndWidgetState extends State<TacitEndWidget>
    with TickerProviderStateMixin {
  @override
  Widget build(BuildContext context) {
    return Consumer<DoufengTacitModel>(builder: (context, model, child) {
      return const Column(
        children: [
          SizedBox(
            height: 5,
          ),
          Text(
            'model.tacitPush?.end.score',
            style: TextStyle(
              fontSize: 36,
              fontWeight: FontWeight.w600,
              color: Color(0xFF8F5CFF),
            ),
          ),
          SizedBox(
            height: 16,
          ),
          Text(
            'look_answer_soon',
            style: TextStyle(
              fontSize: 10,
              fontWeight: FontWeight.w400,
              color: Colors.white,
            ),
            textAlign: TextAlign.center,
          ),
          SizedBox(
            height: 16,
          ),
          // Expanded(
          //   child: ListView.builder(
          //     itemCount: model.tacitPush?.end.answerRecord.length ?? 0,
          //     itemBuilder: (context, index) {
          //       return getAnswerRecordItem(
          //         model,
          //         model.tacitPush!.end.answerRecord[index],
          //         index,
          //       );
          //     },
          //   ),
          // ),
        ],
      );
    });
  }

  String titleIndex(int index) {
    int tmpIndex = index + 1;
    String tmpStr = "$tmpIndex. ";
    return tmpStr;
  }

  // getAnswerRecordItem(
  //     DoufengTacitModel model, TacitAnswerRecord item, int index) {
  //   List<String> avatarLeftList = [];
  //   List<String> avatarRightList = [];
  //   if (item.hasUserAnswer() && item.hasGsAnswer()) {
  //     if (item.userAnswer == 0) {
  //       /// 选择左边
  //       avatarLeftList.add(model.tacitPush!.userInfo.avatar);
  //     } else {
  //       /// 选择右边
  //       avatarRightList.add(model.tacitPush!.userInfo.avatar);
  //     }

  //     if (item.gsAnswer == 0) {
  //       avatarLeftList.add(model.tacitPush!.gsInfo.avatar);
  //     } else {
  //       avatarRightList.add(model.tacitPush!.gsInfo.avatar);
  //     }
  //   } else if (item.hasUserAnswer()) {
  //     /// 只有车主选择
  //     if (item.userAnswer == 0) {
  //       /// 选择左边
  //       avatarLeftList.add(model.tacitPush!.userInfo.avatar);
  //     } else {
  //       /// 选择右边
  //       avatarRightList.add(model.tacitPush!.userInfo.avatar);
  //     }
  //   } else if (item.hasGsAnswer()) {
  //     /// 只有gs选择
  //     if (item.gsAnswer == 0) {
  //       avatarLeftList.add(model.tacitPush!.gsInfo.avatar);
  //     } else {
  //       avatarRightList.add(model.tacitPush!.gsInfo.avatar);
  //     }
  //   } else {
  //     /// 都没有选择
  //   }

  //   return Container(
  //     padding: const EdgeInsets.symmetric(horizontal: 22),
  //     child: Column(
  //       // mainAxisSize: MainAxisSize.min,
  //       crossAxisAlignment: CrossAxisAlignment.start,
  //       children: [
  //         Row(
  //           children: [
  //             Text(
  //               titleIndex(index),
  //               style: const TextStyle(
  //                 fontSize: 12,
  //                 fontWeight: FontWeight.w500,
  //                 color: Colors.white,
  //               ),
  //             ),
  //             Text(
  //               item.quest.title,
  //               style: const TextStyle(
  //                 fontSize: 12,
  //                 fontWeight: FontWeight.w500,
  //                 color: Colors.white,
  //               ),
  //             ),
  //           ],
  //         ),
  //         const SizedBox(
  //           height: 10,
  //         ),
  //         Row(
  //           children: [
  //             Expanded(
  //               child: Container(
  //                 decoration: BoxDecoration(
  //                   color: Colors.white,
  //                   borderRadius: BorderRadius.circular(18),
  //                 ),
  //                 height: 36,
  //                 padding: const EdgeInsets.only(
  //                   left: 10,
  //                 ),
  //                 child: Row(
  //                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
  //                   children: [
  //                     Text(
  //                       item.quest.answers[0].title,
  //                       style: const TextStyle(
  //                         fontSize: 12,
  //                         fontWeight: FontWeight.w500,
  //                         color: Color(0xFF8F5CFF),
  //                       ),
  //                     ),
  //                     // Spacer(),
  //                     const SizedBox(
  //                       width: 20,
  //                     ),
  //                     Expanded(
  //                       child: userAvatar(avatarLeftList),
  //                     ),
  //                   ],
  //                 ),
  //               ),
  //             ),
  //             const SizedBox(
  //               width: 7,
  //             ),
  //             Expanded(
  //               child: Container(
  //                 decoration: BoxDecoration(
  //                   color: Colors.white,
  //                   // color: Colors.green,
  //                   borderRadius: BorderRadius.circular(18),
  //                 ),
  //                 height: 36,
  //                 padding: const EdgeInsets.only(
  //                   left: 20,
  //                 ),
  //                 child: Row(
  //                   children: [
  //                     Text(
  //                       item.quest.answers[1].title,
  //                       style: const TextStyle(
  //                         fontSize: 12,
  //                         fontWeight: FontWeight.w500,
  //                         color: Color(0xFF8F5CFF),
  //                       ),
  //                     ),
  //                     const SizedBox(
  //                       width: 20,
  //                     ),
  //                     Expanded(
  //                       child: userAvatar(avatarRightList),
  //                     ),
  //                   ],
  //                 ),
  //               ),
  //             ),
  //           ],
  //         ),
  //         const SizedBox(
  //           height: 16,
  //         ),
  //       ],
  //     ),
  //   );
  // }

  /// 用户头像
  Widget userAvatar(List<String> avatars) {
    return ListView.builder(
      reverse: true,

      /// 列表反转，靠右对奇
      scrollDirection: Axis.horizontal,
      itemCount: avatars.length,
      itemBuilder: (context, index) {
        return const Row(
          children: [
            // AvatarImage(
            //   url: avatars[index],
            //   width: 29,
            //   height: 29,
            //   borderRadius: 15,
            //   placeholder: (context, url) => Image.asset(
            //     'assets/images/contact_avatar_default.png',
            //   ),
            //   errorWidget: (context, url, error) {
            //     return Image.asset(
            //       'assets/images/contact_avatar_default.png',
            //     );
            //   },
            // ),
            SizedBox(
              width: 4,
            ),
          ],
        );
      },
    );
  }
}
